<template xmlns="http://www.w3.org/1999/html">
  <div style="color: #666;font-size: 14px;">
    <div style="padding-bottom: 20px">
      <b>您好！{{username}}</b>
    </div>
    <el-card>
      欢迎使用本系统
      <el-divider />
      <h2>电商管理系统</h2>
      <h3>1、系统描述:</h3>
          该电商管理系统包括前台用户商品购买页面以及后台管理员页面。前台商品页面包括首页商品展示页面，商品详情页面，添加购物车页面，以及
          用户下单页面。后台管理员页面包括，人员信息管理页面，商品管理页面，物流管理页面等
      <h3>2、主要功能</h3>
      管理员方面包括，用户管理吗，角色管理，物流管理，商品管理，轮播图管理，数据报表等
      用户方面包括，商品浏览，添加购物车，下单，订单状态信息获取等

    </el-card>

  </div>
</template>

<script>
import jsCookie from 'js-cookie';
import {computed, reactive, ref} from "vue";
import Text from "./text.vue";
// const username = ref(localStorage.getItem('username'))
// console.log(username)
export default {
  name: "main",
  components: {Text},
  data() {
    return {
      // user: localStorage.getItem("user") ? JSON.parse(localStorage.getItem("user")) : {}
      username: localStorage.getItem('username')
    }
  }
}
</script>

<style scoped>

</style>